<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
    	<jsp:include page="../base_head.jsp"></jsp:include>
    </head>
    
    <body> 
        <div class="x-nav"> 
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5"
                            action="/big-birds/user/list.do" method="post">
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="username"  placeholder="请输入用户名" 
                                    autocomplete="off" class="layui-input" value="${param.username }">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button type="submit" class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-body layui-table-body layui-table-main">
                            <table class="layui-table layui-form">
                                <thead>
                                  <tr>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>头像</th>
                                    <th>手机</th>
                                    <th>微信id</th>
                                    <th>操作</th>
                                    </tr>
                                </thead>
                                
                            <c:forEach var="userList" items="${requestScope.userList }">
                             <tbody>
                                  <tr>
                                    <td>${userList.user_id}</td>
                                    <td>${userList.user_name}</td>
                                    <td>
                                    	${userList.user_img}
                                    </td>
                                    <td>${userList.phone}</td>
                                    <td>${userList.wx_openid }</td>
                                    <td class="td-manage">
                                      <a title="编辑"  onclick="xadmin.open('编辑','edit.do?wx_openid=${userList.wx_openid}',600,400)" href="javascript:;">
                                        <i class="layui-icon">&#xe642;</i>
                                      </a>
                                      <a title="删除" onclick="member_del(this,'${userList.user_id}')">
                                        <i class="layui-icon">&#xe640;</i>
                                      </a>
                                    </td>
                                  </tr>
                                </tbody>
                              </c:forEach> 
                                  
                            </table>
                        </div>
                        <div class="layui-card-body ">
                        	<c:set var="url">
								/big-birds/user/list.do?username=${param.username }
							</c:set>
                        
                            <div class="page">
                                <div>
                                  <c:if test="${requestScope.newpage<=1}">
									<a class="prev" href="javascript:">&lt;&lt;</a>
								</c:if>
								<c:if test="${requestScope.newpage > 1}">
									<a class="prev" href="${url}&page=${requestScope.newpage-1}">&lt;&lt;</a>
								</c:if>

								<!-- 中间显示的页码组 -->
								<c:forEach varStatus="i" begin="${requestScope.startPage }"
									end="${requestScope.endPage }">
									<c:if test="${i.index<=requestScope.totalpage }">
										<span
											class="${i.index==requestScope.newpage ? 'current' : '' }"
											onclick="location.href='${url}&page=${i.index }'">
											${i.index } </span>
									</c:if>
								</c:forEach>
								<c:if test="${requestScope.newpage==requestScope.totalpage}">
									<a class="next" href="javascript:">&gt;&gt;</a>
								</c:if>
								<c:if test="${requestScope.newpage<requestScope.totalpage}">
									<a class="next" href="${url}&page=${requestScope.newpage+1}">&gt;&gt;</a>
								</c:if>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
    <script>
      layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var  form = layui.form;


        // 监听全选
        form.on('checkbox(checkall)', function(data){

          if(data.elem.checked){
            $('tbody input').prop('checked',true);
          }else{
            $('tbody input').prop('checked',false);
          }
          form.render('checkbox');
        }); 
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });


      });

       

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              var data = {user_id:id};
              $.post("delete.do",data);
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
              
          });
      }



      function delAll (argument) {
        var ids = [];

        // 获取选中的id 
        $('tbody input').each(function(index, el) {
            if($(this).prop('checked')){
               ids.push($(this).val())
            }
        });
  
        layer.confirm('确认要删除吗？'+ids.toString(),function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
</html>